.wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid #f0f0f0;
}
.content {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.sider {
  flex: 0 0 180px;
  width: 180px;
  border-right: 1px solid #f0f0f0;
}
.panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.toolbar {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  border-bottom: 1px solid #f0f0f0;
}
.x6-graph {
  flex: 1 1 auto;
}
.config {
  box-sizing: border-box;
  width: 290px;
  height: 100%;
  padding: 0 10px;
  border-left: 1px solid rgb(0 0 0 / 8%);
}
.x6-widget-stencil {
  background-color: #ffffff;
}
.x6-widget-stencil-title {
  background-color: #ffffff;
}
.x6-widget-stencil-group-title {
  background-color: #ffffff !important;
}
.x6-widget-transform {
  padding: 0;
  margin: -1px 0 0 -1px;
  border: 1px solid #239edd;
}
.x6-widget-transform > div {
  border: 1px solid #239edd;
}
.x6-widget-transform > div:hover {
  background-color: #3dafe4;
}
.x6-widget-transform-active-handle {
  background-color: #3dafe4;
}
.x6-widget-transform-resize {
  border-radius: 0;
}
.x6-widget-selection-inner {
  border: 1px solid #239edd;
}
.x6-widget-selection-box {
  opacity: 0;
}
